@import "../var";
@import "../mixin";
html,body {
  height: auto;
}
.social-promotion-top {
  background: #fff;
  padding: px(16);
  .promotion-source {
    font-size: px(13);
    color: $clr-g6;
    span {
      position: relative;
      &:not(:first-child) {
        padding-left: px(20);
        &::before {
          content: '';
          position: absolute;
          left: px(10);
          top: 0;
          bottom: 0;
          margin: auto;
          width: 1px;
          height: px(10);
          background: $clr-gc;
        }
      }
    }
  }
  .promotion-info {
    margin-top: px(16);
    font-size: px(13);
    color: $clr-g4;
    p:not(:first-child) {
      margin-top: px(5);
    }
  }
}
.social-promotion-con {
  background: #fff;
  margin-top: px(12);
  padding: px(16) px(16) 0;
  .con-head {
    margin-bottom: px(8);
    line-height: px(25);
    .gzl-flex__item {
      font-size: px(18);
      color: $clr-black;
    }
    button {
      appearance: none;
      font-size: px(11);
      color: $clr-g6;
      border: none;
      background: transparent;
      .icon {
        font-size: px(18);
        color: $clr-active;
        margin-right: px(8);
        vertical-align: px(-4);
      }
    }
  }
  .con-body {
    max-height: px(286);
    overflow: hidden;
    font-size: px(14);
    color: $clr-black;
    line-height: 1.6;
    &.autoH {
      max-height: none;
    }
  }
  .con-foot {
    padding: px(16);
    font-size: px(14);
    color: $clr-g3;
    text-align: center;
    .icon {
      font-size: px(12);
    }
  }
}
.social-promotion-img {
  margin-top: px(10);
  background: #fff;
  font-size: 0;
  padding: px(8) px(12) px(16);
  li {
    display: inline-block;
    margin: px(8) px(4) 0;
    width: px(109);
    height: px(109);
    background-position: 50% 50%;
    background-size: cover;
    img {
      display: block;
      width: 100%;
      height: 100%;
    }
  }
}
// 行程查看大图
.photo-browser {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scale(0);
  opacity: 0;
  z-index: -1;
  transition: all .3s;
  &.show {
    transform: scale(1);
    opacity: 1;
    z-index: 9;
  }
  .photo-browser-mask {
    background: #000;
    width: 100%;
    height: 100%;
  }
  img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}